<script setup lang="ts">
import {ref} from 'vue'

import { Ping } from './api/TestApi';

// import {useFetch} from '@vueuse/core'
// const pingResult =  await Ping()
const count = ref(0)
const click = () => count.value++

// const {data} = useFetch<ApiResult<string>>('/api/ping')
const data = Ping()

</script>
<template>
    <h1>MainPage</h1>

    <div>
        {{  $t("menu.home") }}

    </div>

    <div>count: {{ count }}</div>
    <button @click="click">Add</button>

    <div>
        ping: {{ data }}
    </div>
</template>